page{
  height: 100%;
}
.cates{
  height: 100%;
  .cates_container{
    height: ~'calc(100vh - 90rpx)';
    display: flex;
    .left_menu{
      flex: 2;
      .muen-key{
        height: 80rpx;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 30rpx;
        padding: 10rpx 0;
        text-align: center;
        
      }
      .active{
        color: var(--themeColor);
        border-left: 5rpx solid currentColor;
      }
     
    }
    .right_content{
      flex: 5;
      .right-title{
          .cate-group{
              height: 80rpx;
              display: flex;
              align-content: center;
              justify-content: center;
              .cate-text{
                padding: 0 10rpx;
                color: #cccccc;
            }

          }
          .cate-list{
            display: flex;
            flex-wrap: wrap;
            navigator{
              width: 33.33%;
              text-align: center;
              image{
                width: 50%;
              }
              .goods_name{

              }
            }
          }
        
      }
    }
  }
}
